<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>タイルを配置する | アクションゲームツクールMV ヘルプ</title>
        <meta name="description" content="ツクールシリーズ最新作『アクションゲームツクールMV』Steamアーリーアクセス開始！">
        <meta name="keywords" content="ツクールMV,MV,ツクール,ツクールシリーズ,アクションゲームツクールMV,アクションゲームツクール,PixelGameMakerMV，PixelGameMaker">
        <link rel="icon" href="./favicon.ico">
        <!-- スタイルシート -->
        <link rel="stylesheet" href="./common/css/q-reset.css">
        <link rel="stylesheet" href="./common/drawer/drawer.min.css">
        <link rel="stylesheet" href="./common/css/common.css">
    </head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118975509-1"></script>
    <!-- Google Analytics -->
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-118975509-1', 'auto');
    ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-118975509-1');
    </script>

    <body id="menu03" class="flex bet drawer drawer--left">
        <header class="header">
            <button type="button" class="drawer-toggle drawer-hamburger">
                <span class="sr-only">toggle navigation</span>
                <span class="drawer-hamburger-icon"></span>
            </button>
            <nav id="nav_area" class="drawer-nav" role="navigation">
                <div class="drawer-menu">
                    <h1 class="drawer-navh1">
                        <a href="./index.html">
                            <picture>
                                <source srcset="./common/img/title_logo.png" media="(min-width: 641px)">
                                <img src="./common/img/title_logo_sp.png" alt="logo">
                            </picture>
                        </a>
                    </h1>
                    <dl>
                        <dt class="drawer-dropdown menu01"><a class="drawer-menu-item">はじめに</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_01.html">アクションゲームツクールMVとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_02.html">このソフトの特徴</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_03.html">ゲーム作成の始め方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_04.html">ゲーム作成の基本</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./01_05.html">完成したゲームを遊ぶには</a></dd>
                        <dt class="drawer-dropdown menu02"><a class="drawer-menu-item">エディターの基本情報</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_01.html">画面の見方と基本操作</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_02.html">メニューバーについて</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./02_03.html">設定メニュー</a></dd>
                        <dt class="drawer-dropdown menu03"><a class="drawer-menu-item">シーン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_01.html">シーンとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_02.html">シーン画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_03.html">シーンを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_04.html">タイルを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_05.html">他のパーツを配置する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./03_06.html">配置したパーツの設定を行う</a></dd>
                        <dt class="drawer-dropdown menu04"><a class="drawer-menu-item">タイル</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_01.html">タイルとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./04_02.html">タイルの詳細設定</a></dd>
                        <dt class="drawer-dropdown menu05"><a class="drawer-menu-item">アニメーション</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_01.html">アニメーションとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_02.html">アニメーションを追加する</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_03.html">モーション：画面の見方</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_04.html">モーション：設定の手順</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_05.html">エフェクトアニメーション</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./05_06.html">パーティクルアニメーション</a></dd>
                        <dt class="drawer-dropdown menu06"><a class="drawer-menu-item">オブジェクト</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_01.html">オブジェクトとは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_02.html">オブジェクト画面</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_03.html">アクションプログラム</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_04.html">オブジェクトの詳細設定</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./06_05.html">その他の設定項目</a></dd>
                        <dt class="drawer-dropdown menu07"><a class="drawer-menu-item">素材</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_01.html">素材とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./07_02.html">素材を追加する</a></dd>
                        <dt class="drawer-dropdown menu08"><a class="drawer-menu-item">遷移</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_01.html">遷移とは</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_02.html">画面フロー</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./08_03.html">ポータル移動</a></dd>
                        <dt class="drawer-dropdown menu09"><a class="drawer-menu-item">プラグイン</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./09_01.html">プラグインとは</a></dd>
                        <dt class="drawer-dropdown menu10"><a class="drawer-menu-item">資料集</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_01.html">素材とデータ</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./10_02.html">プラグインについて</a></dd>
                        <dt class="drawer-dropdown menu11"><a class="drawer-menu-item">その他</a></dt>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_01.html">使用許諾契約書</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_02.html">商標・登録商標について</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_03.html">スタッフクレジット</a></dd>
                        <dd class="drawer-dropdown-menu"><a class="drawer-dropdown-menu-item" href="./11_04.html">ユーザーサポート</a></dd>
                    </dl>
                </div>
            </nav>
        </header>

        <main class="main">
            <article>
                <section>
                    <h2 class="main_h2"><span class="main_h2span">シーン</span>タイルを配置する</h2>
                    <h3 class="main_h3 main_h3--lineone">編集エリアの見方</h3>
                    <p class="main_txt">シーンを選択したり、新たなシーンを作成したら、編集エリアにさまざまなパーツを配置していきましょう。<br />広いシーンを作成するときは、レイアウトナビゲーターを使うと便利です。</p>
                    <p class="main_img"><img src="./img/03/03_04_01.png" alt=""></p>
                    <dl class="main_dl">
                        <dt class="main_dt"><span class="main_num">1</span>レイヤータブ</dt>
                        <dd class="main_dd">シーンは複数のレイヤー（階層）に分けて作成することが可能です。左側にあるレイヤーほど、上の階層になります。タブをクリックして、パーツを配置するレイヤーを選びましょう。<br />また、 <span class="main_icon"><img src="./img/03/03_04_01icon.png" alt=""></span> をクリックすると、レイヤーの表示・非表示を切り替えられます。</dd>
                        <dd class="main_dd main_dd--ind">※非表示にしたレイヤーも、ゲーム内では表示されます。</dd>
                        <dt class="main_dt"><span class="main_num">2</span>レイヤー編集ボタン</dt>
                        <dd class="main_dd">
                            <table class="main_table main_table--under">
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_02icon.png" alt=""></span> 新規レイヤー</th>
                                    <td class="main_td">新しいレイヤーを追加します（一番下の階層に追加されます）。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_03icon.png" alt=""></span> 左切り替え</th>
                                    <td class="main_td">選択中のレイヤーの、左側のタブを選択します。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_04icon.png" alt=""></span> 右切り替え</th>
                                    <td class="main_td">選択中のレイヤーの、右側のタブを選択します。</td>
                                </tr>
                            </table>
                        </dd>
                        <dt class="main_dt"><span class="main_num">3</span>シーンのプレビュー</dt>
                        <dd class="main_dd main_dd--none">&nbsp;</dd>
                        <dt class="main_dt"><span class="main_num">4</span>カーソルの座標</dt>
                        <dd class="main_dd">左側の数字はタイル数、かっこ内の数字は実際の座標になります。</dd>
                        <dt class="main_dt"><span class="main_num">5</span>現在の表示倍率</dt>
                        <dd class="main_dd">倍率を直接入力したり、上下ボタンをクリックすると倍率を切り替えられます。<br />また、虫眼鏡アイコンをダブルクリックすると、倍率と表示位置をデフォルトに戻します。</dd>
                        <dt class="main_dt"><span class="main_num">6</span>メニューボタン</dt>
                        <dd class="main_dd">
                            <table class="main_table main_table--under">
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_05icon.png" alt=""></span> 編集対象を強調</th>
                                    <td class="main_td">強調すると、選択中のレイヤー以外が半透明表示になります。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_06icon.png" alt=""></span> 壁設定の表示・非表示</th>
                                    <td class="main_td">表示すると、壁設定のあるタイルの面が赤く表示されます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_07icon.png" alt=""></span> グリッド吸着</th>
                                    <td class="main_td">シーンなどをグリッド（格子状の線）に沿って配置する機能です。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_08icon.png" alt=""></span> グリッド表示・非表示</th>
                                    <td class="main_td">グリッドの表示・非表示を切り替えます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_09icon.png" alt=""></span> レイアウトナビゲーター</th>
                                    <td class="main_td">レイアウトナビゲーターが別ウィンドウで開きます。</td>
                                </tr>
                            </table>
                        </dd>
                    </dl>
                    <h3 class="main_h3 main_h3--lineone">タイルの配置</h3>
                    <p class="main_txt">画面左上にある、配置可能なパーツ一覧は、4つのカテゴリに分かれています。<br />タイルを配置するときは、タブ「タイル」を選びましょう。</p>
                    <p class="main_img"><img src="./img/03/03_04_02.png" alt=""></p>
                    <dl class="main_dl">
                        <dt class="main_dt"><span class="main_num">1</span>タイルセット</dt>
                        <dd class="main_dd">シーンの設定ウィンドウ内「タイルセット」で指定したタイルセットが表示されます。<br />左端の「▼」をクリックすると、プレビューエリアの表示・非表示を切り替えます。</dd>
                        <dt class="main_dt"><span class="main_num">2</span>タイルのプレビュー</dt>
                        <dd class="main_dd">配置したいタイルをクリックして選びましょう。ドラッグすると、複数のタイルを選択できます。</dd>
                        <dt class="main_dt"><span class="main_num">3</span>描画ツールボタン</dt>
                        <dd class="main_dd">編集エリアにタイルを配置するための描画ツールです。<br />5つの描画ツールをクリックして切り替えることができます。</dd>
                        <dd class="main_dd">
                            <table class="main_table main_table--under">
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_10icon.png" alt=""></span> ペン</th>
                                    <td class="main_td">クリックやドラッグすると、それに沿ってタイルを線状に配置します。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_11icon.png" alt=""></span> 矩形ペン</th>
                                    <td class="main_td">ドラッグした範囲に、まとめてタイルを配置できます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_12icon.png" alt=""></span> 範囲を選択</th>
                                    <td class="main_td">ドラッグした範囲を選択します。右クリックでコンテキストメニューを開くと、コピーや切り取り、貼り付けなどが行えます。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_13icon.png" alt=""></span> 消しゴム</th>
                                    <td class="main_td">クリックやドラッグした範囲のタイルを消します。</td>
                                </tr>
                                <tr class="main_tr">
                                    <th class="main_th"><span class="main_icon"><img src="./img/03/03_04_14icon.png" alt=""></span> 塗りつぶし</th>
                                    <td class="main_td">クリックしたタイルと、それに接する同じタイルすべてを、選択したタイルに置き換えます。</td>
                                </tr>
                            </table>
                        </dd>
                    </dl>
                    <h4 class="main_h4">タイル配置の操作</h4>
                    <p class="main_txt">タイルのプレビューから配置したいものを選び、編集エリアをクリック（ドラッグ）すると、選択中のレイヤーにタイルを配置できます。<br />クリック（ドラッグ）時の挙動は、選択中の描画ツールによって変わります。また、「ペン」「矩形ペン」「塗りつぶし」の選択時は、編集エリアを右クリックするとタイルの選択を解除できます。</p>
                </section>
            </article>
        </main>

        <!-- javascript -->
        <script src="./common/js/jquery224min.js"></script>
        <script src="./common/js/run.js"></script>
        <script src="./common/drawer/iscroll.js"></script>
        <script src="./common/drawer/drawer.min.js"></script>
        <script>
            $(function() {
                if (window.matchMedia( '(max-width: 1280px)' ).matches) {
                    $('.drawer').drawer();
                }
            });
        </script>
    </body>
</html>
